<script setup>
import { RouterView } from 'vue-router'
</script>

<template>
  <div class="min-h-screen bg-base-bg">
    <header class="bg-white shadow-sm py-4 px-6">
      <h1 class="text-2xl font-bold text-gray-800">Personal Course Management System</h1>
    </header>
    
    <main class="container mx-auto px-4 py-6">
      <RouterView />
    </main>
    
    <footer class="mt-auto py-4 text-center text-gray-500 text-sm">
      ©  2025 Personal Course Management System - ISYS3001 Configuration Management Practice
    </footer>
  </div>
</template>

<style scoped>
.bg-base-bg {
  background-color: #f9fafb;
}
</style>